<script setup>

</script>

<template>
  <div id="footer">
    <div class="wrap">
      <div class="footer-link">
        <ul>
          <li>品牌</li>
          <li><a href="#">淘宝</a></li>
          <li><a href="#">京东</a></li>
          <li><a href="#">天猫</a></li>
          <li><a href="#">steam</a></li>
        </ul>
        <ul>
          <li>公司</li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">找商店</a></li>
          <li><a href="#">职业推荐</a></li>
          <li><a href="#">企业文化</a></li>

        </ul>
        <ul>
          <li>帮助</li>
          <li><a href="#">联系我们</a></li>
          <li><a href="#">rnm退钱</a></li>
          <li><a href="#">新手引导</a></li>
          <li><a href="#">操作指南</a></li>
        </ul>
        <ul>
          <li>账户</li>
          <li><a href="#">注册</a></li>
          <li><a href="#">登录</a></li>
          <li><a href="#">账户设置</a></li>
          <li><a href="#">我的商品</a></li>
        </ul>
        <ul>
          <li>社交</li>
          <li><a href="#"><span class="iconfont icon-facebook-fill"></span>脸书</a></li>
          <li><a href="#"><span class="iconfont icon-tuite"></span>推特</a></li>
          <li><a href="#"><span class="iconfont icon-QQ"></span>QQ</a></li>
          <li><a href="#"><span class="iconfont icon-weixin"></span>微信</a></li>
        </ul>
      </div>
      <div class="footer-copyright">
        <text>xxxxx@xxxxxxxxxxxxx</text>
        <text>xxxxx@xxxxxxxxxxxxx</text>
      </div>
    </div>
  </div>
</template>

<style scoped>
#footer{
  width: 100%;
  height: 300px;
  background-color: #413f3f;
  border-top: 1px solid #000;
}
#footer .footer-link ul{
  margin-top: 27px;
  float: left;
  color: #f7f6f6;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 16px;
  width: 15%;
}
#footer .footer-link ul a{
  font-size: 12px;
  color: #9f9d9d;
}
#footer .footer-link ul li{
  margin-top: 10px;
}
#footer .footer-copyright{
  float: left;
  width: 100%;
  border-top: 1px solid #8e8d8d;
  color: #9f9d9d;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 10px;
  margin-top: 27px;
  padding-top: 20px;
}
#footer .footer-copyright text{
  margin-right: 300px;
}
</style>